﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="MsChartsDemo.aspx.cs" Inherits="Charts_MsChartsDemo" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>MsCharts Demo</title>
</head>
<body>
    <form id="form1" runat="server">
    <p class="dscr">
        This sample demonstrates how to create a basic chart that uses a code-behind page.&nbsp;</p>
    <table class="sampleTable">
        <tr>
            <td class="tdchart">
                <asp:Chart ID="Chart1" runat="server" Height="296px" Width="412px" ImageLocation="~/TempImages/ChartPic_#SEQ(300,3)"
                    Palette="BrightPastel" ImageType="Png" BorderDashStyle="Solid" BackSecondaryColor="White"
                    BackGradientStyle="TopBottom" BorderWidth="2" BackColor="#D3DFF0" BorderColor="26, 59, 105">
                    <Legends>
                        <asp:Legend IsTextAutoFit="False" Name="Default" BackColor="Transparent" Font="Trebuchet MS, 8.25pt, style=Bold">
                        </asp:Legend>
                    </Legends>
                    <BorderSkin SkinStyle="Emboss"></BorderSkin>
                    <Series>
                        <asp:Series Name="Column" BorderColor="180, 26, 59, 105">
                            <Points>
                                <asp:DataPoint YValues="45" />
                                <asp:DataPoint YValues="34" />
                                <asp:DataPoint YValues="67" />
                                <asp:DataPoint YValues="31" />
                                <asp:DataPoint YValues="27" />
                                <asp:DataPoint YValues="87" />
                                <asp:DataPoint YValues="45" />
                                <asp:DataPoint YValues="32" />
                            </Points>
                        </asp:Series>
                    </Series>
                    <ChartAreas>
                        <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BorderDashStyle="Solid"
                            BackSecondaryColor="White" BackColor="64, 165, 191, 228" ShadowColor="Transparent"
                            BackGradientStyle="TopBottom">
                            <Area3DStyle Rotation="10" Perspective="10" Inclination="15" IsRightAngleAxes="False"
                                WallWidth="0" IsClustered="False"></Area3DStyle>
                            <AxisY LineColor="64, 64, 64, 64">
                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
                                <MajorGrid LineColor="64, 64, 64, 64" />
                            </AxisY>
                            <AxisX LineColor="64, 64, 64, 64">
                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
                                <MajorGrid LineColor="64, 64, 64, 64" />
                            </AxisX>
                        </asp:ChartArea>
                    </ChartAreas>
                </asp:Chart>
            </td>
            <td valign="top">
                <table class="controls" cellpadding="4">
                    <tr>
                        <td class="label">
                        </td>
                        <td>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <p class="dscr">
        A column chart is&nbsp;added at design-time (see the &quot;Html&quot; tab folder
        for ASP.NET code) and the spline chart is added to the Chart control at run-time
        (see the &quot;C# Source&quot; or &quot;Visual Basic Source&quot; tab folders for
        the code-behind.)</p>
    <p class="dscr">
        It is recommended that you use code-behind for your ASP.NET pages when using the
        Chart control. This separates the user interface and its logic.</p>
    </form>
</body>
</html>
